<template>
  <div class="container">
    <div class="introduce">
      <div class="index_title">
        <strong>| </strong>
        <p>系统介绍</p>
      </div>
      <div class="word-div">
        &nbsp;笔迹心理学，作为笔迹学的重要组成部分，属于应用心理学的研究范畴。笔迹心理分析是指通过研究书写者的笔迹特征和书写规律，分析书写者的性格、能力等，以了解书写者的个性心理特点，从而为人事管理、教育评估等提供建议和帮助。
        <br>
        &nbsp;本系统的作用就是通过智能分析笔迹得到您的性格，并且给出相应的职业建议。
      </div>
    </div>
    <div class="img-bg-div"></div>
  </div>
</template>

<script>

  export default{
    data() {
      return{

      }
    },
    created() {

    },
    methods: {

    }
  }
</script>

<style scoped>
.container {

}
.img-bg-div {
  position: absolute;
  width: 960px;
  height: 100%;
  right: -10%;
  background: no-repeat;
  background-image: url(../../assets/img/index-bg.png);
  background-size: 100%;
}
.introduce {
  position: absolute;
  top:8%;
  left: 7%;
}
.word-div {
  position: relative;
  width: 350px;
  height: 600px;
  /*字体设置*/
  font-size: 26px;
  font-family: SimSun, SimSun-Normal,serif;
  font-weight: Normal;
  text-align: left;
  line-height: 38px;
  color: #0a1d06;
}

.index_title {
  margin-bottom: 50px;
}
.index_title > strong {
  font-size: 40px;
  color: #01A7F0;
}

.index_title > p {
  display: inline-block;
  font-size: 30px;
  vertical-align: 1px;
  color: #01A7F0;
}

.index_title > div {
  display: inline-block;
  font-size: 15px;
  margin-left: 50px;
}
</style>